<template>
  <div class="headerUserInfo">
    <div class="userPhoto">
      <img class="photo" :src="userPhoto" />
    </div>
    <div class="userName">{{ username }}</div>
    <!--<div class="iconfont arrow-down">&#xe600;</div>-->
  </div>
</template>

<script>
import userPhoto from "@/assets/images/photo.jpg";
export default {
  name: "userInfo",
  data() {
    return {
      username: "admin",
      userPhoto: userPhoto,
    };
  },
};
</script>

<style scoped>
</style>
